
var img = new Image(),zyid;
$(function(){
	
	// 修改头像按钮点击事件
	$(".changeTX").off().on("click",function(){
		btnnum = 1;
		var imgsrc=$(".personTX").attr('src');
		$(".zyhead_lf").html('<div class="picimg" id="zhhd"><img src="" class="zyimg" id="zyimg"></div>');
		$(".zyhead_lf img").attr('src',imgsrc);
		abcd(1);
		$(".zyheadbox").show();
		$(".baseInfo").hide();
		});
	
	// 弹层上传按钮
	$(".zy_upimg").off().on("click",function(){
		$("#zyheadupimg").click();
		});
	
	
	// 修改头像 保存按钮
	$(".zy_submit").off().on("click",function(){
		var num = $(this).attr('data-num'), // 获取当前用户点击保存按钮
		// 存储当前裁切好的数据
		zyimgdata = $("#zhhd > img").cropper('getCroppedCanvas').toDataURL();
		$(".personTX").attr('src',zyimgdata);
		doHeadImgUpload('upload_file_0',zyimgdata);
		btnnum = 0;
		$(".zyheadbox").hide();
		$(".zyhdbkbox").hide();
		$(".baseInfo").show();
		$(".picimg img").attr('src','');
		$(".img-preview img").attr('src','');
		$("#zyheadupimg").val('');
		});
	
	// 压缩上传 头像
	document.getElementById('zyheadupimg').addEventListener('change',function(){
		var that = this;
	    lrz(that.files[0], {
	        width: 1024
	    	}).then(function (rst) {
	            img.onload = function () {
					if(btnnum == 1){
						$(".zyhead_lf").html('<div class="picimg" id="zhhd"><img src="" class="zyimg" id="zyimga" ></div>');
						$(".zyhead_lf img").attr('src',img.src).fadeIn();
						zyid='zyimga';
						}
					else if(btnnum == 2){
						$(".zyhdbk_lf").html('<div class="picimg" id="zyhdbk"><img src="" class="zyimg" id="zyimgb"></div>');
						$(".zyhead_lf img").attr('src',img.src).fadeIn();
						zyid='zyimgb';
						}
					document.getElementById(zyid).src = img.src;
					abcd(btnnum);
	            	};
	            img.src = rst.base64;
	        });
		});


	// 旋转画布
	$(document.body).on('click', '[data-method]', function () {
		var data = $(this).data(),
			$target,
			result;
		if (data.method) {
			data = $.extend({}, data); // Clone a new one
			result = $(".picimg > img").cropper(data.method, data.option);
			} 	 
	    });


});


// 加载裁切头像插件
function abcd(x){
	var yulan,zyid;
	if(x == 1){ // 上传头像
		yulan='.img-preview';
		zyid='zhhd';
		}
	else if(x == 2){ // 上传背景图
		yulan='.img-preview2';
		zyid='zyhdbk';
		}
		
	$("#"+zyid+" > img").cropper({
		aspectRatio: 1/1,	
		dragCrop: false,	// 拖动作物
		movable: true,		// 活动
		rotatable: true,	// 可旋转
		resizable: true,	// 可调整大小
		cropBoxMovable: false,
		preview: yulan,	// 头像预览
		crop: function(data){ }
		});
}

